<template>
  <div>
    <i class="iconfont icon-chaxun"></i>
    <p><strong>{{ message }} </strong></p>
  </div>
</template>

<script>
export default {
  name: 'empty-data',
  props: ['message'],
};
</script>

<style lang="scss" scoped>
@import "../../assets/css/variables.scss";

div {
  text-align: center;
  line-height: 30px;
  padding: 100px 0;
  color: #ccc;
  font-size: 16px;
  @include translate(0, 30%);

  i {
    font-size: 50px;
    display: inline-block;
    margin-bottom: 10px;
  }
}
</style>
